<style lang="less" scoped>
.show_input {
  position: absolute;
  top: 50%;
//   transform: translateY(-50%);
  right: 10%;
  width: 300px;
  height: 150px;
  text-align: center;
  line-height: 50px;
  border: 1px solid #ccc;
  box-shadow: 0 0 4px 2px #ccc;
}
li {
  list-style: none;
}
</style>

<template>
  <div class="show_input">
    <ul>
      <li>输入的数据为：{{ inputData.val }}</li>
      <li>输入的组件名字为：{{ inputData.name }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
  computed: {
    inputData: function() {
      return this.$store.state.inputModule.inputData;
    },
  },
  //生命周期 - 创建完成
  created() {},
  //DOM挂载完毕
  mounted() {},
};
</script>
